.mgUserPass {
  .mgUserPassNav {
    height: 1.2rem;
    color: #5e5e5e;
    border-bottom: 0.0133334rem solid #ccc;
    display: flex;
    align-items: center;
    width: 100%;
    .Nav-left {
      flex: 1;
      text-align: center;
      i.iconfont.icon-icon {
        font-size: 0.48rem;
        color: #5e5e5e;
      }
    }
    .Nav-center {
      flex: 8;
      text-align: center;
      font-size: 0.48rem;
    }
    .Nav-right {
      flex: 1;
    }
  }
  .mgUserPassMain {
    width: 100%;
    padding: 0 0.666667rem;
    margin-top: 1.6rem;
    .MainAccount {
      width: 100%;
      display: flex;
      align-items: center;
      height: 1.333333rem;
      border-bottom: 1px solid #ddd;
      input {
        width: 100%;
        height: 0.8rem;
        border-style: none;
        padding: 0 0.213333rem;
        color: #000;
        font-size: 0.586667rem;
      }
      input::-webkit-input-placeholder {       /* WebKit browsers */
 
        color: #ccc !important;
         
        }
         
        input::-moz-placeholder {      /* Mozilla Firefox 4 to 18 */ 
         
        color: #ccc  !important; 
         
        } 
         
        input::-moz-placeholder { /* Mozilla Firefox 19+ */
         
        color: #ccc   !important;
         
        } 
        input::-ms-input-placeholder {    /* Internet Explorer 10+ */  
         
        color: #ccc  !important; 
         
        } 
    }
    
    .MainLogin {
      width: 100%;
      height: 1.333333rem;
      background-color: #ff5777;
      color: #fff;
      font-size: 0.48rem;
      text-align: center;
      line-height: 1.333333rem;
      border-radius: 0.8rem;
      margin-top: 1.013333rem;
    }
  }
}